<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
   	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
    <title>疯狂"答人"</title>
    <style type="text/css">
    	html body{
    		background-color: #162657;
    	}
    </style>
</head>
<body>
	<div class="page1" >
		<div class="logo">
			<img src="img/LOGO.png"/>
		</div>
		<div class="middle">
			<img src="img/title.png"/>
		</div>
		<div class="middle2">
			<img src="img/dati.png"/>
			<p>2016年10月24号~10月31号</p>
		</div>
		<div class="botton">
			<img class="img1" src="img/renwu.png"/>
			<div class="begin">
				<a href="page2.html"><img src="img/woyaodati.png"/></a>
			</div>
			<p class="p1 js-activity-rule">活动规则</p>
			<p class="p2 js-rule-record">奖励记录</p>
			<div class="img2">
				<img src="img/dibu.png"/>
			</div>
		</div>
	</div>
	<div class="background"></div>
	<!--活动规则-->
	<div class="activity-ruls scroll">
		<div class="activity-img">
			<img src="img/huodongguizhe.png"/>
		</div>
		
		<div class="total">
			<div class="activity-time">
			<p></p>&nbsp; &nbsp; &nbsp;<span>活动时间</span>&nbsp; &nbsp; &nbsp;<p></p>
			<div>2016年8月17日~8月26日</div>
		</div>
		<div class="award">
			<div class="part1">
				<p></p>&nbsp; &nbsp; &nbsp;<span>丰厚大奖</span>&nbsp; &nbsp; &nbsp;<p></p>
			</div>
			<p class="p1">静音香薰加湿机、小米手环、50元三网通用手机话费、酒店职业经理人学习大礼包 </p>
			<p class="p2">注：酒店职业经理人学习大礼包有效期限即日起截止到2016年11月30日</p>
		</div>
		<div class="rule">
			<div class="part1">
				<p></p>&nbsp; &nbsp; &nbsp;<span>活动规则</span>&nbsp; &nbsp; &nbsp;<p></p>
			</div>
			<ul>
				<li><span></span><p>可根据自己的喜好或擅长选择挑战关卡，共有8关；</p> </li>
				<li><span></span><p>每关有6题，答对4道即可通关，并获得1次抽奖机会；</p></li>
				<li><span></span><p>每个关卡有3次挑战机会，如果你够厉害的话，所有关卡等你来挑战；</p></li>
				<li><span></span><p>获奖后，填写完真实有效（以便我们联系）</p></li>
			</ul>
		</div>
		<div class="close-img">
			<img src="img/close-img.png"/>
		</div>
		</div>
		
	</div>
	<!--奖励记录-->
	<div class="rule-record scroll">
		<div class="activity-img">
			<img src="img/jianglijilv.png"/>
		</div>
		<div class="total">
			<p class="chisu">您还有 <span>15</span> 次抽奖机会</p>
			<div class="record">
				<ul>
					<div class="no_award">
						<p>暂无奖品...</p>
						<p>还不快闯关答题赢大奖去</p>
					</div>
					<!--<li>
						<div class="img1">
							<img src="img/20yuan.png"/>
						</div>
						<p>600元抵用券（总监级别）</p>
					</li>
					<li>
						<div class="img1">
							<img src="img/600yuan.png"/>
						</div>
						<p>600元抵用券（总监级别）</p>
					</li>
					<li>
						<div class="img1">
							<img src="img/800yuan.png"/>
						</div>
						<p>600元抵用券（总监级别）</p>
					</li>-->
					
				
				</ul>
			</div>
			<div class="close-img">
				<img src="img/close-img.png"/>
			</div>
		</div>
	</div>
</body>
<script src="js/jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	
</script>
</html>
















